
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<!--<link rel="stylesheet"	href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />-->
		<link rel="stylesheet"	href="/site_media/css/bootstrap.css" />
		<link rel="stylesheet"	href="/site_media/css/algpedia.css" />
		<!--<script	src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"	type="text/javascript"></script>-->
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
		<script	src="/site_media/js/bootbox.js"	type="text/javascript"></script>
		<link rel="stylesheet"	href="/site_media/css/bootstrap-wysihtml5.css" />
		<script	src="/site_media/js/wysihtml5.js"	type="text/javascript"></script>
		<script	src="/site_media/js/bootstrap-wysihtml5.js"	type="text/javascript"></script>
		<script type="text/javascript" src="/site_media/tiny_mce/tiny_mce.js"></script>
		<script type="text/javascript" src="/site_media/js/algpedia.js"></script>
		<script type="text/javascript" src="/site_media/js/bootstrap.js"></script>
		<script type="text/javascript" src="/site_media/js/overlib.js"></script>
		<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>AlgPedia</title>
		<img src="/site_media/images/header_binario.png" height="100%" alt="" />	
		<!--<div class="alert alert-info ">
			<h1><img src="http://localhost:8000/site_media/images/logo.png" width="100" height="100" alt="" />AlgPedia</h1>
		</div>-->
		{% block extra-head %}
		{% endblock %}
	</head>
	<body>
	
		<ul class="nav nav-tabs">
			<li ><a href="/">Home</a></li>
			<!--<li ><a href="http://localhost:8000/admin">Admin Page</a></li>-->
			<li ><a href="/show/cat/all">Classifications</a></li>
			<li ><a href="/show/alg/all">Algorithms</a></li>
			<li ><a href="/about">About Us</a></li>
			<li ><a href="/rules">Rules</a></li>
			<li ><a href="/contact" id="contact">Contact</a></li>
			
			{% if logged %}
				<li class="tabs-right"><a id="logout" href="/accounts/logout">Logout</a></li>
				<input type="hidden" id="logged" name="logged" value="true" />	
				<li class="tabs-right"><a id="profile" href="/accounts/profile">Profile</a></li>
				<input type="hidden" id="logged" name="logged" value="true" />	
			{% else %}
				<li class="tabs-right"><a href="/accounts/login">Login</a></li>
				<input type="hidden" id="logged" name="logged" value="false" />	
			{% endif %}
		</ul>
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span1">	</div>
				<div class="span10">
					{% block content %}
					{% endblock %}
				</div>
				<div class="span1"></div>
			</div>
	</body>
</html>